/*
* @Author: 何应林
* @Date:   2018-07-29 01:33:19
* @Last Modified by:   何应林
* @Last Modified time: 2018-08-19 14:52:24
*/

.header{
	height: 26px;
	border-bottom: 1px solid #D8D8D8;
	background-color: #F7F7F7;
}

.h-body{
	height: 26px; /* 跟父盒子高度一样*/
	width: 980px;
	/*background-color: pink*/;
	margin: 0 auto; /*盒子居中显示*/
}

/*对于单行文字而言，我们定义height和line-height这两个属性值相等就可以实现垂直居中*/
.title{
	height: 26px;
	line-height: 26px;
	float: left;
}

.nav{
	float: right;
}

.nav li{
	/*运用后代选择器*/
	float: left;
	height: 26px;
	line-height: 26px;
	background: url("../images/sj.png") no-repeat right;
}

.nav a{
	padding: 0 10px;
	color: #666666;
}

.nav a:hover{
	color: #F0EA17;
}
/*主体部分开始*/
.main_body{
	width: 980px;
	margin: 0 auto;
}
/*搜索部分开始*/
.logo_search{
	margin: 0 auto;
	width: 980px;
	height: 98px;
	overflow: hidden;
}
/*logo部分开始*/
.left_logo{
	width: 200px;
	height: 84px;
	margin-top: 6px;
	background-color: red;
	float: left;
}
/*搜索栏部分开始*/
.right_search{
	float: right;
	width: 528px;
	height: 40px;
	border: 1px solid #C9C9C9;
	margin-top: 29px;
}
.right_search .txt{
	width: 419px;
	height: 28px;
	margin-top: 5px;
	margin-left: 4px;
	border: 1px solid #A6A6A6;
	border-right: 0 none;
	/*设置浮动，为了和搜索按钮可以并排在一起*/
	float: left;
}
.right_search .btn{
	width: 99px;
	/*height: 28px*/
	height: 30px; /*增加2像素的原因是因为输出框有边框，而搜索框没有了边框，所以为了能对齐，就增加了2像素*/
	float: left; /*right也行,这里设置浮动是为了和输入框可以并排在一起*/
	margin-top: 5px;
	background: url('../images/serch.png');
}
/*主导航开始*/
.main-nav{
	height: 25px;
	border-bottom: 2px solid #0266A3;
}
.main-nav li{
	float: left;
	height: 25px;
}
.main-nav a{
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	display: inline-block;
}
.main-nav a:hover{
	height: 25px;
	background-color: #0266A3;
	color: white;
}
/*主体部分开始*/
.banner{
	height: 210px;
	margin-top: 10px;
}
/*左边的盒子*/
.left-banner{
	height: 210px;
	width: 200px;
	float: left;
}
/*商机市场*/
.left-title{
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
	color: white;
	background-color: #0266A3;
}
.left-banner ul{
	height: 180px;
	background-color: #EBF0F6;
	overflow: hidden; /*消除外边距叠加*/
}
.left-banner li{
	/*padding: 5px;*/
	height: 27px;
	padding-left: 9px;
	margin-top: 11px;
	padding: 0 30px;
}
.left-banner li a{
	color: #606060;
}
.left-banner li a:hover{
	color: #EEB82B;
}
/*.left-banner li.one{
	background: url('../images/icon_1.png') no-repeat;
}*/
.left-banner .one{
	background: url('../images/icon_1.png') no-repeat;
}
.left-banner .two{
	background: url('../images/icon_2.png') no-repeat;
}
.left-banner .three{
	background: url('../images/icon_3.png') no-repeat;
}
.left-banner .four{
	background: url('../images/icon_4.png') no-repeat;
}
.left-banner .five{
	background: url('../images/icon_5.png') no-repeat;
}
.left-banner .six{
	background: url('../images/icon_6.png') no-repeat;
}
/*中间的盒子*/
.middle-banner{
	height: 210px;
	width: 520px;
	margin-left: 11px;
	float: left; /*块级元素，只能单独一行，所以要设置浮动*/
}
/*右边的盒子*/
.right-banner{
	width: 230px;
	height: 210px;
	float: right;
}
/*右上角的盒子*/
.right-top-banner{
	/*因为有边框，所以高度跟宽度都要减2px*/
	width: 228px; 
	height: 93px;
	border: 1px solid #E9EEF5;
}
/*右下角的盒子*/
.right-bottom-banner{
	width: 228px;
	height: 93px;
	border: 1px solid #E9EEF5;
	margin-top: 18px;
}
/*内容导航开始*/
.content-nav{
	width: 980px;
	height: 42px;
	margin-top: 16px;
	background-color: #ECF1F7;
	border-top: 2px solid #C3D7E4;
}
.content-nav li{
	height: 42px;
	line-height: 42px;
	float: left;
	padding-left: 18px;
	color: #000000;
}
/*内容区开始*/
.content{
	/*不设置高度用清除浮动的方法*/
}
/*内容左盒子*/
.left-sidebar{
	width: 727px;
	height: 324px;
	border: 1px solid #D8D8D8;
	float: left;
}
/*内容右盒子*/
.right-sidebar{
	height: 324px;
	width: 228px;
	border: 1px solid #D8D8D8;
	float: right;
}
/*上下两个一样的盒子*/
.lt-sidebar{
	width: 656px;
	height: 143px;
	margin-top: 15px;
	margin-left: 26px;
}
/*横线*/
.middle-line{
	border: 1px solid #D8D8D8;
	margin: 14px 5px;
}
/*上侧盒子的左盒子*/
.ltl-sidebar{
	width: 319px;
	height: 143px;
	float: left;
}
.l-list1{
	width: 99px;
	height: 143px;
	float: left;
}
.r-list2{
	width: 211px;
	height: 143px;
	float: right;
}
.lt-list1{
	width: 97px;
	height: 101px;
	line-height: 97px;
	text-align: center;
	border: 1px solid #CACACA;
}
.lt-list1 img{
	vertical-align: middle;
}
.lb-list1{
	height: 26px;
	width: 98px;
	background: url("../images/buy.png");
	margin-top: 15px;
}
.r-list2 .p1{
	height: 30px;
	margin-top: 9px;
}
.r-list2 .p2{
	height: 48px;
}
.r-list2 .p3{
	height: 42px;
}
.r-list2 .p4{
	height:;
}
.r-title{
	height: 28px;
	line-height: 28px;
	padding-left: 30px;
	border-bottom: 1px solid #E0E6F0;
	font-weight: 700;
}
.right-sidebar li{
	height: 25px;
	background: url("../images/li_bg.png") no-repeat left 3px;
	padding-left: 15px;
}
.right-sidebar ul{
	margin-top: 18px;
	margin-left: 10px;
}
.right-sidebar a{
	color: #444444;
}
